<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header class="mdui-appbar mdui-appbar-fixed" th:fragment="header">
    <div class="mdui-toolbar mdui-color-theme">
        <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
              mdui-drawer="{target: '#main-drawer', swipe: true}">
            <i class="mdui-icon material-icons">menu</i>
        </span>
        <a href="" class="mdui-typo-title">社区卫生服务管理系统</a>
        <div class="mdui-toolbar-spacer"></div>
    </div>
</header>

<div class="mdui-drawer" id="main-drawer" th:fragment="drawer">
    <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
        <!-- ------------------机构管理 --------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">&#xe84f;</i>
                <div class="mdui-list-item-content">机构管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
                <a id="departments" href="/departments" class="mdui-list-item mdui-ripple">部门</a>
                <a id="posts" href="/posts" class="mdui-list-item mdui-ripple">职务</a>
                <a id="staffs" href="/staffs" class="mdui-list-item mdui-ripple">人事</a>
            </div>
        </div>
        <!--------------------------------------------------->
        <!-------------------- 挂号管理 ---------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">&#xe05c;</i>
                <a id="registrations" class="mdui-list-item-content" href="/registrations">挂号管理</a>
            </div>
        </div>
        <!--------------------------------------------------->
        <!-------------------- 疾病管理 ---------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">&#xe05c;</i>
                <a id="diseases" class="mdui-list-item-content" href="/diseases">疾病管理</a>
            </div>
        </div>
        <!--------------------------------------------------->
        <!-- ------------------药品管理 --------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue ion-ios-medkit"></i>
                <div class="mdui-list-item-content">药品管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
                <a id="drugs" href="/drugs" class="mdui-list-item mdui-ripple">药品</a>
                <a id="drugUnits" href="/drugUnits" class="mdui-list-item mdui-ripple">药品单位</a>
                <a id="drugDepots" href="/drugDepots" class="mdui-list-item mdui-ripple">药库</a>
                <a id="drugPlaces" href="/drugPlaces" class="mdui-list-item mdui-ripple">药品产地</a>
                <a id="drugSuppliers" href="/drugSuppliers" class="mdui-list-item mdui-ripple">药品供货位</a>
                <a id="drugTypes" href="/drugTypes" class="mdui-list-item mdui-ripple">药品类型</a>
            </div>
        </div>
        <!-- ------------------用户管理 --------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">&#xe7fb;</i>
                <div class="mdui-list-item-content">用户管理</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
                <a id="users" href="/users" class="mdui-list-item mdui-ripple">用户</a>
            </div>
        </div>
        <!-- ------------------用户管理 --------------------->
        <div class="mdui-collapse-item">
            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">&#xe7fb;</i>
                <div class="mdui-list-item-content">社区信息</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
                <a id="informationTypes" href="/informationTypes" class="mdui-list-item mdui-ripple">信息类型</a>
            </div>
            <div class="mdui-collapse-item-body mdui-list">
                <a id="information" href="/information" class="mdui-list-item mdui-ripple">信息</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>